<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>tabbar.js (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
  </script>

  <script src="static/js/doc.js">
  </script>

  <meta charset="utf8">
</head>

<body onload="prettyPrint()">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
       <span class="fn">tabbar.js</span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    Tab bar UI component.
  </div>
  

        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="../demos/tabbar.html">Demo</a></li>
            <li><a href="closure_goog_ui_tabbar.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
          </ol>
        </div>
</div>

<h2 class="g-first">File Location</h2>
  <div class="g-section g-tpl-20-80">
    <div class="g-unit g-first">
      <div class="g-c-cell code-label">ui/tabbar.js</div>
    </div>
  </div>
<hr/>


  <h2>Classes</h2>
 <div class="fn-constructor">
        <a href="class_goog_ui_TabBar.html">
          goog.ui.TabBar</a><br/>
        <div class="class-details">Tab bar UI component.  A tab bar contains tabs, rendered above, below,
before, or after tab contents.  Tabs in tab bars dispatch the following
events:
<ul>
<li>{@link goog.ui.Component.EventType.ACTION} when activated via the
keyboard or the mouse,
<li>{@link goog.ui.Component.EventType.SELECT} when selected, and
<li>{@link goog.ui.Component.EventType.UNSELECT} when deselected.
</li></li></li></ul>
Clients may listen for all of the above events on the tab bar itself, and
refer to the event target to identify the tab that dispatched the event.
When an unselected tab is clicked for the first time, it dispatches both a
{@code SELECT} event and an {@code ACTION} event; subsequent clicks on an
already selected tab only result in {@code ACTION} events.</div>
 </div>
      
<br/>

  <div class="legend">
        <span class="key publickey"></span><span>Public</span>
        <span class="key protectedkey"></span><span>Protected</span>
        <span class="key privatekey"></span><span>Private</span>
  </div>


  <h2>Global Functions</h2>





<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.ui.TabBar.getOrientationFromLocation"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.ui.TabBar.</span><span class="entryName">getOrientationFromLocation<span class="args">(<span class="arg">location</span>)</span>
        </span>
        &#8658; <div class="fullType"><span class="type">goog.ui.Container.Orientation</span></div>
      </div>


     <div class="entryOverview">
       Returns the {@link goog.ui.Container.Orientation} that is implied by the
given {@link goog.ui.TabBar.Location}.
     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">location</span>
        : <div class="fullType"><span class="type">goog.ui.TabBar.Location</span></div>
        <div class="entryOverview">Tab bar location.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<div class="fullType"><span class="type">goog.ui.Container.Orientation</span></div>&nbsp;
            Corresponding orientation.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="closure_goog_ui_tabbar.js.source.html#line364">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>






      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Directory ui</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">File Reference</h2>
            <div id="sideFileIndex" rootPath="closure/goog" current="ui/tabbar.js"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
